<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<div class="modal-dialog ms-modal-dialog" >
  <div class="modal-content">
     
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title">创建角色</h4>
    </div>
    
    <form class="form-horizontal ms-form form-personal-info" method="GET" action="${ctx.host}/roles/create" data-validate="true">
       
       <div class="modal-body">
           
         <div class="form-group ms-form-group">
          <label class="col-xs-3 control-label"><span class="text-red">*</span>角色模板：</label>
          <div class="col-xs-8">
            <select name="template" class="select2 form-control select-template" data-validate="required" tabindex="1"> 
              <option></option>
              <c:forEach items="${enums['roleTemplate']}" var="template">
                <c:if test="${template.extensible}">
                  <option value="${template.ordinal}">${template.name}&nbsp;&nbsp;-&nbsp;&nbsp;${template.description}</option>
                </c:if>
              </c:forEach>
            </select>
          </div>
         </div>
      </div>
      
      <div class="modal-footer ms-modal-footer">
        <button type="submit" class="btn ms-btn btn-primary">确定</button>
        <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
      </div>

    </form>
    
  </div>
</div>

<script type="text/javascript">
  $(document).ready(function(){
    
    $('select[name="template"]').select2({
        theme: "classic",
        placeholder : '请选择角色模板',
        minimumResultsForSearch : -1,
        allowClear : true,
      });
    
  })
</script>
